<!-- Content Bg -->
    <div id="content_bg" class="png_bg">
    <!--Content-->
	<div id="content">
        <!--Story-->		
        <div id="step_2" style="padding-top:10px">
           <form id="compose_form">
               <!--Story Left--> 
	           <div style="padding:0px; float:left; width:600px;">		
		          <input id="story_title" type="text" class="inputbig upload_18" placeholder="title of your story or chapter" style="width:592px" name="story_title" tabindex="55" />
		          <!--Table Content-->
                  <table cellspacing="0" cellpadding="0" width="100%">
			      <tr>
				        <td width="100%" style="width:600px; height: 445px" class="field_container">
					       <textarea id="story_text" style="width:600px;height:435px;resize:none;" name="story_text"></textarea><!--display:none;-->
					           <!--
							   <div id="text_loading" style='text-align:center;font-size:16px'>
						          <img src='../images/spinner.gif'  alt='spinner.gif' 0='size' 1='31x31'  />
                                  <br/><br/>Loading					
                              </div>
							  -->
				        </td>
			     </tr>
    			<tr id="upload_row">
    				<td width="100%" style="text-align:right">
    					<div id="upload_story_button" style="float:right" href="#"></div>
    				</td>
    			</tr>
		       </table>
               <!--Table Content-->
		      <input id="story_draft" type="hidden" name="story_draft" value="1" />
		      <input id="story_id" type="hidden" name="story_id" value="new" />
		      <input id="story_authorid" type="hidden" name="story_authorid" value="2944199" />
              
              <!--Table Desc-->  
		      <div style="width: 100%; padding: 0px; z-index: 1000;">
			  <table style="width:100%">
              <!--Agree & Term-->
              <tr id="terms_row">
	               <td colspan="2">
					   <table style="margin: 5px;">
							<!--Agree Desc--> 
                            <tr>
                                <td><input id="story_terms" type="checkbox" tabindex="20" name="story_terms" value="1"/></td>
								<td>
                                    <label for="story_terms">I have read and agree to the 
                                        <a href="terms?popup=true" target="_blank">terms of use and copyright policy.</a> 
                                        I declare that this material does not violate the rights of any copyright owner.
                                    </label>
								</td>
							</tr>
                            <!--Agree Desc-->
						</table>
					</td>
				</tr>
				<!--Agree & Term-->
                <!--Save Story-->
				<tr>
					<td colspan="2">
					     <table style="width: 100%; margin-right: auto;margin-left:auto">
                            <tr>
                                <td style="width:50%">
									<!--<a id="save_existing_button" class="big_button" style="display:none;" tabindex="40" href="#">Save</a>-->
									<a id="save_new_button" class="big_button"  tabindex="41" href="#"> Save </a>
								</td>
								<td style="width:50%">
									<a id="publish_button" class="big_button" tabindex="50" href="#">Save & Publish</a>
								</td>
					       </tr>
						</table>
					</td>
				</tr>
                <!--Save Story-->
                <!--Cancel Story-->
				<tr>
					<td colspan=2 style="text-align: center;">
						<div><a class="upload_12" href="mystories.html"><strong>Cancel</strong></a></div>
					</td>
				</tr>
                <!--Cancel Story-->
			    </table>
		        </div>
            </div>
            <!--Story Left-->

            <!--Story Right-->
            <div style="float:right; width:300px;">
	           <!--Status-->
               <div class="column_head">Status</div>
                	<div style="padding: 0px 20px">
                		<table>
                        <tr>
                            <td id="error_state" style="display:none;" width="100%">
       					        <div class='upload_errors'>
                                    <p>There were errors with your submission.</p>
              						<ul id="error_list"></ul>
               					</div>
           				     </td>
       			         </tr>
                         <tr>
                            <td id="story_state" width="50%">
                                    <p class="not_a_button state_red" id="save_state">Unsaved</p>
                            </td>
               				<td id="publish_state" width="50%">
                                    <p class="not_a_button state_red">Draft</p>
                									
                            </td>
               			</tr>
                		</table>
                	</div>
                    <!--Status-->

	           <!--Option-->
               <div class="column_head">Options</div>
                	<!--Option Tab Menu-->
                    <div style="float:right;">
                		<span id="toggle_basic_text" class="upload_12" href="#">Basic</span>
                		<a id="toggle_basic_link" class="toggle_options upload_12" style="display:none;" href="#">Basic</a> |
                		<a id="toggle_advanced_link" class="toggle_options upload_12" href="#">Advanced</a>
                		<span id="toggle_advanced_text" class="upload_12" style="display:none;">Advanced</span>
                	</div>
                    <!--Option Tab Menu-->
                    
                    <!--Option Basic Menu-->
	                <div id="basic_options" style="width: 94%; padding: 10px 21px 0px 10px;">
		                  <!--Option Table-->
                          <table cellspacing="0">
						      <!--Group-->
                              <tr style="display:none;">
                                   <td>
					                   <select id="story_groupid" name="story_groupid">
						                      <option value="0"></option>
						                      <option value="1455734">Ga ketawa , Ane telen komputer !</option>
                                              <option value="1455724">Terkadang</option>
                                        </select>
                                    </td>
			                   </tr>
                               <!--Group-->
                                
                                <!--Category-->
                    			<tr>
                    				<td>
  										    <label class="upload_12" for="category1"><strong>Categories&nbsp;</strong>
                    						    <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Choose up to two categories for your story.
                                                <a href="guidelines.html">Learn more about the categories</a>.'  />
                                            </label>
                    					    <!--Category I-->
                                            <select id="story_category1" class="subjects upload_14" name="story_category1" tabindex="60" style="margin-bottom: 0;">
                        						<option value="0"></option>
                        						<option value="4" style="">Romance</option>
                                                <option value="5" style="">Science Fiction</option>
                                                <option value="3" style="">Fantasy</option>
                                                <option value="8" style="">Mystery</option>
                                                <option value="7" style="">Humor</option>
                                                <option value="12" style="">Paranormal</option>
                                                <option value="9" style="">Horror</option>
                                                <option value="11" style="">Adventure</option>
                                                <option value="15" style="">Thriller</option>
                                                <option value="23" style="">Historical Fiction</option>
                                                <option value="1" style="">Teen Fiction</option>
                                                <option value="6" style="">Fan Fiction</option>
                                                <option value="2" style="">Poetry</option>
                                                <option value="17" style="">Short Story</option>
                                                <option value="21" style="">Non-Teen Fiction</option>
                                                <option value="14" style="">Action</option>
                                                <option value="18" style="">Vampire</option>
                                                <option value="22" style="">Werewolf</option>
                                                <option value="13" style="">Spiritual</option>
                                                <option value="16" style="">Non-Fiction</option>
                                                <option value="20" style="">Watty Awards 2012</option>
                                                <option value="19" style="">Other</option>
                        					</select>
                                            <!--Category I-->
                                            <!--Category II-->
                        					<select id="story_category2" class="subjects upload_14" name="story_category2" tabindex="70">
                        						<option value="0"></option>
                        						<option value="4" style="">Romance</option>
                                                <option value="5" style="">Science Fiction</option>
                                                <option value="3" style="">Fantasy</option>
                                                <option value="8" style="">Mystery</option>
                                                <option value="7" style="">Humor</option>
                                                <option value="12" style="">Paranormal</option>
                                                <option value="9" style="">Horror</option>
                                                <option value="11" style="">Adventure</option>
                                                <option value="15" style="">Thriller</option>
                                                <option value="23" style="">Historical Fiction</option>
                                                <option value="1" style="">Teen Fiction</option>
                                                <option value="6" style="">Fan Fiction</option>
                                                <option value="2" style="">Poetry</option>
                                                <option value="17" style="">Short Story</option>
                                                <option value="21" style="">Non-Teen Fiction</option>
                                                <option value="14" style="">Action</option>
                                                <option value="18" style="">Vampire</option>
                                                <option value="22" style="">Werewolf</option>
                                                <option value="13" style="">Spiritual</option>
                                                <option value="16" style="">Non-Fiction</option>
                                                <option value="20" style="">Watty Awards 2012</option>
                                                <option value="19" style="">Other</option>
                                            </select>
                                            <!--Category II-->
                                            <!--Category III-->
                    					    <select id="story_category_master" name="story_category_master" style="display: none;">
                    						  <option value="0"></option>
                    						  <option value="4" style="">Romance</option>
                                              <option value="5" style="">Science Fiction</option>
                                              <option value="3" style="">Fantasy</option>
                                              <option value="8" style="">Mystery</option>
                                              <option value="7" style="">Humor</option>
                                              <option value="12" style="">Paranormal</option>
                                              <option value="9" style="">Horror</option>
                                              <option value="11" style="">Adventure</option>
                                              <option value="15" style="">Thriller</option>
                                              <option value="23" style="">Historical Fiction</option>
                                              <option value="1" style="">Teen Fiction</option>
                                              <option value="6" style="">Fan Fiction</option>
                                              <option value="2" style="">Poetry</option>
                                              <option value="17" style="">Short Story</option>
                                              <option value="21" style="">Non-Teen Fiction</option>
                                              <option value="14" style="">Action</option>
                                              <option value="18" style="">Vampire</option>
                                              <option value="22" style="">Werewolf</option>
                                              <option value="13" style="">Spiritual</option>
                                              <option value="16" style="">Non-Fiction</option>
                                              <option value="20" style="">Watty Awards 2012</option>
                                              <option value="19" style="">Other</option>
           					                </select>
                                            <!--Category III-->
                    				</td>
                    			</tr>
                                <!--Category-->
                                <!--Tag-->
                    			<tr>
                    				<td>
      										<label class="upload_124" for="story_tags"><strong>Tags</strong>
                    						   <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Tags help readers find your story. They should be descriptive and add details or subgenres. For example, a story set during the Second World War might be tagged with "history, WWII, war".'  />
                                            </label>
                    					    <input id="story_tags" type="text" class="inputbig upload_14" style="width:275px" name="story_tags" tabindex="80" maxlength="100" value="" />
                    				</td>
                    			</tr>
                                <!--Tag-->
                                <!--Story Copyright-->
                    			<tr>
                    				<td>
  										    <label class="upload_12" for="story_copyright"><strong>Copyright</strong>
                    						   <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Choose the type of copyright to apply. <a href="http://creativecommons.org/licenses/">Learn more about the different options</a>.'  />
                                            </label>
                    					    <select id="story_copyright" class="upload_14" name="story_copyright" tabindex="100">
                    						  <option value="0" selected="selected">Not Specified</option>
                                              <option value="1">All Rights Reserved</option>
                                              <option value="2">Public Domain</option>
                                              <option value="3">Attribution (Creative Commons)</option>
                                              <option value="4">Attrib. Non-commercial (CC)</option>
                                              <option value="5">Attrib. Non-comm. No-derivs (CC)</option>
                                              <option value="6">Attrib. Non-comm. Share Alike (CC)</option>
                                              <option value="7">Attrib. Share Alike (CC)</option>
                                              <option value="8">Attrib. No Derivatives (CC)</option>
                                            </select>
                    				</td>
                    			</tr>
                                <!--Story Copyright-->
                                
                                <!--Rated-->
                    			<tr>
                    				<td>
      										<label class="upload_12" for="story_rating"><strong>Rating</strong>
                    						   <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Give your story a rating. <a href="guidelines">Learn more about the rating system</a>.'  />
                                            </label>
                    					    <select id="story_rating" class="upload_14" name="story_rating" tabindex="110">
                    						  <option value="0" selected="selected">Not Rated</option>
                                              <option value="1">[G] General</option>
                                              <option value="2">[PG] Parental Guidance Suggested</option>
                                              <option value="3">[PG-13] Parents Strongly Cautioned</option>
                                              <option value="4">[R] Restricted</option>					
                                            </select>
                    				</td>
                    			</tr>
                                <!--Rated-->
                                <!--Promoted-->
                    			<tr>
                    				 <td>
      										<label class="upload_12" for="story_distributable"><strong>Distribution</strong>
                    						   <img src='images/help.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Wattpad can help you distribute and promote your story with our partners such as Google Books, Sony eBookstore and Scribd. We recommend using this to get readers for your story. Don&apos;t worry, you will retain full copyright ownership. If you&apos;re not sure, you can always change it later.'  />
                                            </label>
                    					<select id="story_distributable" class="upload_14" name="story_distributable" tabindex="115" style="width: 100%;">
                    						<option  value="1">Help me promote my story on other sites</option>
                    						<option selected value="0">Keep my story on Wattpad only</option>
                    					</select>
                    				</td>
                    			</tr>
                                <!--Promoted-->
		                   </table>
                           <!--Option Table-->
	                </div>
                    <!--Option Basic Menu-->
                    <!--Option Advanced Menu--> 
                	<div id="advanced_options" style="display:none; width: 94%; padding: 10px 21px 10px 10px;">
                		<table cellspacing="0">
                            <tr>
                                <td>
                					 <label class="upload_12" for="story_visibility"><strong>Visibility</strong></label><br/>
                					 <input id="flag_private" type="radio" name="story_flag1" value="1" >
                					 <label class="upload_12" for="flag_private"><strong>Private</strong></label><span class="upload_11"> - Available only to you and your fans</span><br/>
                					 <input id="flag_public" type="radio" name="story_flag1" tabindex="90" value="0" checked>
                					 <label class="upload_12" for="flag_public"><strong>Public</strong></label><span class="upload_11"> - Available to everyone</span>
                				</td>
                			</tr>
                
                			
                			<tr>
                				<td>
                					<label class="upload_12" for="story_source"><strong>External Link</strong></label><br/>
                
                					<div class='deleteicon'>
                						<input id="story_source" type="text" class="inputbig upload_14" style="width:230px" name="story_source" maxlength="100" value="http://" />
                						<span class='delete_span' id="external_span" style="display: none;"></span>
                					</div>
                				</td>
                			</tr>
                
                			<!--Youtube Link-->
                            <tr>
                				<td>
                                       <label class="upload_12" for="story_youtube"><strong>YouTube Video&nbsp;&nbsp;</strong>
                                       <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Paste a link to a video from <a target="_blank" rel="nofollow" href="http://youtube.com">YouTube</a>.'  /></label><br/>
                
                					<div class='deleteicon'>
                						<input id="story_youtube" type="text" class="inputbig upload_14" style="width:230px;" name="story_youtube" maxlength="100" value="http://youtu.be/" />
                						<span class='delete_span' id="youtube_span" style="display: none;"></span>
                					</div>
                				</td>
                			</tr>
                            <!--Youtube Link-->
                            <!--Photo Link-->
                			<tr>
                				<td>
                                       <label class="upload_12" for="story_photos">
                                            <strong>Photos&nbsp;&nbsp;</strong>
                                            <img src='images/help2.png' width='10' height='10' alt='help.png' style='vertical-align:top' title='Paste a link to a photo or a <a href="http://photobucket.com/faq/?catID=64&catSelected=f&topicID=530"target="_blank" rel="nofollow">Photobucket slideshow</a>.'  />
                                       </label><br/>
                					<div class='deleteicon'>
                						<input id="story_photos" type="text" class="inputbig upload_14" style="width:230px;" name="story_photos" value="">
                						<span class='delete_span' id="photos_span" style="display: none;"></span>
                					</div>
                				</td>
                			</tr>
                            <!--Photo Link-->
                		</table>
                	</div>
            </div>
            <!--End Story Right-->
      </form>
   </div>
   <!--End Content-->

	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px"></div>
 
 </div>
	
    <div id="content_bottom" class="png_bg"></div>
    

<script type="text/javascript">
		function update_msg()
		{
			if (typeof msgArray != 'undefined')
			{
				if (msgArray)
				{
					var date = new Date();
					date.setTime(date.getTime() + (5 * 60 * 1000));
					$.cookie("msgUpdate", JSON.stringify(msgArray), {expires: date});
				}
			}
		}

</script>

<!-- TinyMCE -->
<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "spellchecker,fullscreen",

		// Theme options
		theme_advanced_buttons1: 'spellchecker,|,bold,italic,'+($.browser.msie ? 'copy,paste,' : '')+'|,undo,redo,|,remove_spaces,fullscreen',
		theme_advanced_buttons2: '',
		theme_advanced_buttons3: '',
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "center",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
		content_css: '../css/wattpad_tinymce.css',
		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>
<!-- /TinyMCE -->